<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>

    <script th:inline="javascript">
        var name = [[${userName}]] + ', 使用脚本内联';
        console.log(name);
    </script>
</head>
<body>
<h1  th:text="${message}">Hello Thymeleaf</h1>
<span th:text="'欢迎来到Thymeleaf样例页面, ' + ${userName} + '!'"></span>
<input th:value="${name}"/>
<input th:value="${age gt 30 ? '中年':'年轻'}"/>
<a target="_blank" th:href="@{${url}}">百度一下</a>

<div >
    <div th:switch="${sex}">
        <p th:case="'woman'">程序媛</p>
        <p th:case="'man'">程序员</p>
        <!-- *: case的默认的选项 -->
        <p th:case="*">程序猿</p>
    </div>
</div>


<div>
    <h1>内联文本：[ […] ] 内联文本的表示方式，
        使用时，必须先用在 th:inline="text/javascript/none" 激活，
        th:inline 可以在父级标签内使用，甚至可以作为 body 的标签。
        内联文本比 th:text 的代码少</h1>
    <div th:inline="text" >
        <p>Hello, [[${userName}]] !</p>
        <br/>
    </div>
</div>



<div >
    <h1>基本对象</h1>
    <p th:text="${#request.getAttribute('request')}">
        <br/>
    <p th:text="${session.session}"></p>
    Established locale country: <span th:text="${#locale.country}">CN</span>.
</div>

<!--格式化时间-->
<p th:text="${#dates.format(date, 'yyyy-MM-dd HH:mm:ss')}">neo</p>
<!--创建当前时间 精确到天-->
<p th:text="${#dates.createToday()}">neo</p>
<!--创建当前时间 精确到秒-->
<p th:text="${#dates.createNow()}">neo</p>


<!--判断是否为空-->
<p th:text="${#strings.isEmpty(userName)}">userName</p>
<!--判断 list 是否为空-->
<p th:text="${#strings.listIsEmpty(demos)}">userName</p>
<!--输出字符串长度-->
<p th:text="${#strings.length(userName)}">userName</p>
<!--拼接字符串-->
<p th:text="${#strings.concat(userName,userName,userName)}"></p>
<!--创建自定长度的字符串-->
<p th:text="${#strings.randomAlphanumeric(count)}">userName</p>


</body>
</html>